<!doctype html>
<html class="x-admin-sm" lang="en">
<head>
    <meta charset="UTF-8">
    <title>七七百货供应管理系统</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <script src="js/global.js"></script>
    <link rel="stylesheet" href="/css/font.css" type="text/css"/>
    <link rel="stylesheet" href="/css/layui.css" type="text/css"/>
    <link rel="stylesheet" href="/css/xadmin.css" type="text/css"/>
    <script type="text/javascript" src="/js/layui.js"></script>
    <script type="text/javascript" src="/js/xadmin.js"></script>
    <script type="text/javascript" src="/js/jquery-3.5.1.min.js"></script>
</head>
<body class="index">

<!-- 顶部开始 -->
<div class="container">
    <div class="logo">
        <a href="#">七七百货供应管理系统</a>
    </div>
    <div class="left_open">
        <a><i title="展开左侧栏" class="iconfont">&#xe699;</i></a>
    </div>
    <ul class="layui-nav right" lay-filter="">
        <li class="layui-nav-item to-index">
            <a id="person" href="#">欢迎：</a>
        </li>
        <li class="layui-nav-item to-index">
            <a id="loginOut">退出</a>
        </li>
    </ul>
</div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<!-- 左侧菜单开始 -->
<div class="left-nav">
    <div id="side-nav">
        <ul id="nav">
            <li>
                <a onclick="xadmin.add_tab('个人信息','persion.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>个人信息</cite></a>
            </li>
            <li class="guanliyuan">
                <a onclick="xadmin.add_tab('管理员管理','/admin/adminList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>管理员管理</cite></a>
            </li>
            <li class="guanliyuan">
                <a onclick="xadmin.add_tab('供应商管理','/supplier/supplierList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>供应商管理</cite></a>
            </li>
            <li class="guanliyuan">
                <a onclick="xadmin.add_tab('商品分类','/type/typeList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>商品分类</cite></a>
            </li>
            <li class="guanliyuan">
                <a onclick="xadmin.add_tab('商品列表','/goods/goodsList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>商品列表</cite></a>
            </li>
            <li class="gongyingshang">
                <a onclick="xadmin.add_tab('我的商品','/goods/myGoodsList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>我的商品</cite></a>
            </li>
            <li class="guanliyuan">
                <a onclick="xadmin.add_tab('订单列表','/order/orderList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>订单列表</cite></a>
            </li>
            <li class="gongyingshang">
                <a onclick="xadmin.add_tab('我的订单','/order/myOrderList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>我的订单</cite></a>
            </li>
            <li class="guanliyuan">
                <a onclick="xadmin.add_tab('物流列表','/accomplish/accomplishList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>物流列表</cite></a>
            </li>
            <li class="gongyingshang">
                <a onclick="xadmin.add_tab('我的物流','/accomplish/myAccomplishList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>我的物流</cite></a>
            </li>
            <li class="guanliyuan">
                <a onclick="xadmin.add_tab('交付列表','/logistics/logisticsList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>交付列表</cite></a>
            </li>
            <li class="guanliyuan">
                <a onclick="xadmin.add_tab('仓库管理','/warehouse/warehouseList.html')">
                    <i class="iconfont">&#xe723;</i>
                    <cite>仓库管理</cite></a>
            </li>

        </ul>
    </div>
</div>
<!-- 左侧菜单结束 -->
<!-- 右侧主体开始 -->
<div class="page-content">
    <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
        <ul class="layui-tab-title">
            <li class="home">
                <i class="layui-icon">&#xe68e;</i>我的桌面
            </li>
        </ul>
        <div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
            <dl>
                <dd data-type="this">关闭当前</dd>
                <dd data-type="other">关闭其它</dd>
                <dd data-type="all">关闭全部</dd>
            </dl>
        </div>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe src='welcome.html' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
            </div>
        </div>
        <div id="tab_show"></div>
    </div>
</div>
<div class="page-content-bg"></div>
<style id="theme_style"></style>
<style>
    body.index {
        background: rgba(0, 0, 0, 0) !important;
    }

    .container {
        background: linear-gradient(to left, rgba(199, 21, 133, 1), rgb(30, 159, 255)) !important;
    }

    .container .layui-nav-bar {
        background: rgb(30, 159, 255) !important;
    }

    .container .logo a {
        background: rgba(0, 0, 0, 0) !important;
    }

    .container .logo a {
        color: rgb(255, 255, 255) !important;
    }

    .left-nav {
        background: rgba(31, 147, 255, 0.73) !important;
    }

    .left-nav a {
        color: rgba(250, 251, 251, 1) !important;
    }

    .left-nav a:hover,
    .left-nav a.active {
        background: linear-gradient(to left, rgba(255, 30, 218, 0.73), rgba(1, 170, 237, 1)) !important;
    }

    .left-nav a:hover,
    .left-nav a.active {
        color: rgb(255, 255, 255) !important;
    }

    .left-nav a:hover,
    .left-nav a.active {
        border-color: rgba(1, 170, 237, 1) !important;
    }

    body {
        background: rgb(241, 241, 241) !important;
    }
</style>
<script text="javascript">
    $(function () {
        //初始化身份  名字
        $("#person").append(globalData.getUserName());
        //获取身份判断展示页面
        if (globalData.getUType() == 1) {
            $(".guanliyuan").show();
            $(".gongyingshang").hide();
        } else {
            $(".guanliyuan").hide();
            $(".gongyingshang").show();
        }
    })
</script>
<script>
    layui.use(['jquery', 'layer', 'element'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var element = layui.element;//Tab的切换功能，切换事件监听等，需要依赖element模块
        var welcome = $('.layui-show .x-iframe').contents();
        welcome.find('#welcome_style').html(
            'body.index{background:rgba(0,0,0,0) !important;}.container{background: linear-gradient(to left,rgba(199, 21, 133, 1), rgba(30, 159, 255, 1)) !important;}.container .layui-nav-bar{background:rgba(30, 159, 255, 1) !important;}.container .logo a{background:rgba(0,0,0,0) !important;}.container .logo a{color:rgb(255, 255, 255) !important;}.left-nav{background:rgba(31, 147, 255,  0.73) !important;}.left-nav a{color:rgba(250, 251, 251, 1) !important;}.left-nav a:hover,.left-nav a.active{background: linear-gradient(to left,rgba(255, 30, 218, 0.73), rgba(1, 170, 237, 1)) !important;}.left-nav a:hover,.left-nav a.active{color:rgb(255, 255, 255) !important;}.left-nav a:hover,.left-nav a.active{border-color:rgba(1, 170, 237, 1) !important;}body{background:rgb(241, 241, 241) !important;}'
        );

        var active = {
            //在这里给active绑定事件，后面可通过active调用这些事件
            tabDeleteAll: function (ids) {//删除所有
                $.each(ids, function (i, item) {
                    element.tabDelete("xbs_tab", item);//ids是一个数组，里面存放了多个id，调用tabDelete方法分别删除
                })
            }
        };

        //退出功能
        $("#loginOut").on("click", function () {
            alert("退出成功");

            var tabtitle = $(".layui-tab-title li");
            var ids = new Array();
            $.each(tabtitle, function (i) {
                ids[i] = $(this).attr("lay-id");
            });
            active.tabDeleteAll(ids);
            globalData.loginOut();
        });

    });
</script>
<!-- 右侧主体结束 -->
<!-- 中部结束 -->
</body>
</html>
